<template>
    <div>
      <!-- <div class="bg-white grid-content">
        <el-form :inline="true" :model="searchForm" class="demo-form-inline">

            <el-form-item label="日期:">
                <el-date-picker
                    v-model="searchForm.searchDate"
                    align="right"
                    type="date"
                    placeholder="请选择日期"
                    :picker-options="pickerOptions"
                    value-format="yyyy-MM-dd">
                </el-date-picker>
            </el-form-item>

            <el-form-item>
                <el-button type="primary" @click="query()">查询</el-button>
            </el-form-item>
        </el-form>
      </div> -->
      <div class="bg-white grid-content">
        <el-tabs type="card">
            <el-tab-pane label="作业区">
                <div class="mytitle">第一作业区</div>
                <el-table :data="scData" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" v-for="(itemBt,index) in scBt" :key="itemBt.zkInfo.zkid" :label="itemBt.zkInfo.zkmc">
                            <el-table-column align="center" v-for="(itemBtkid,index) in itemBt.rqInfo" :key="index" :label="itemBtkid.tankName+itemBtkid.tankType">
                                <el-table-column align="center" prop="" label="高度">
                                    <template slot-scope="scope">
                                        {{scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType)?scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType).height:''}}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="油量">
                                    <template slot-scope="scope">
                                        {{scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType)?scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType).ywY:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>

                            <el-table-column align="center" label="天然气">
                                <el-table-column align="center" prop="" label="流量计底数">
                                    <template slot-scope="scope">
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).gasFlowNumber:''}}

                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="日用气量">
                                    <template slot-scope="scope">
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).gasConsumption:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="外输">
                                <el-table-column align="center" prop="" label="微机产量">
                                    <template slot-scope="scope">
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).outputMicrocom:''}}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="本队产量">
                                    <template slot-scope="scope">
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).outputTeam:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <!-- <el-table-column align="center" label="矿部调压箱">
                            <el-table-column align="center" prop="kbtyx_lljds" label="流量计底数"></el-table-column>
                            <el-table-column align="center" prop="kbtyx_ql" label="气量"></el-table-column>
                        </el-table-column> -->

                        <el-table-column align="center" label="外输液量">
                            <el-table-column align="center" prop="wsyl_syz" label="实验站"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="自产气">
                            <el-table-column align="center" v-for="(itemZcqBt,index) in zcqBt" :key="itemZcqBt.zkInfos.zkid" :label="itemZcqBt.zkInfos.zkmc">
                                <el-table-column align="center" prop="" label="产气量">
                                    <template slot-scope="scope">
                                        {{scope.row.selfProInfo?(scope.row.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid)?scope.row.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid).totalCqlZcq:''):''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="外输液量">
                            <el-table-column align="center" label="树322队">
                                <el-table-column align="center" prop="wsyl_s322d" label="产液量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="东12队">
                                <el-table-column align="center" prop="wsyl_d12d" label="产液量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="尚9队">
                                <el-table-column align="center" prop="wsyl_s9d" label="产液量"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                <div class="mytitle">第二作业区</div>
                <el-table :data="scData2" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" v-for="(itemBt,index) in scBt2" :key="itemBt.zkInfo.zkid" :label="itemBt.zkInfo.zkmc">
                            <el-table-column align="center" v-for="(itemBtkid,index) in itemBt.rqInfo" :key="index" :label="itemBtkid.tankName+itemBtkid.tankType">
                                <el-table-column align="center" prop="" label="高度">
                                    <template slot-scope="scope">               
                                        {{scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType)?scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType).height:''}}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="油量">
                                    <template slot-scope="scope">               
                                        {{scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType)?scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType).ywY:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                     
                            <el-table-column align="center" label="天然气">
                                <el-table-column align="center" prop="" label="流量计底数">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).gasFlowNumber:''}}

                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="日用气量">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).gasConsumption:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="外输">
                                <el-table-column align="center" prop="" label="微机产量">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).outputMicrocom:''}}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="本队产量">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).outputTeam:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <!-- <el-table-column align="center" label="东16污水">
                            <el-table-column align="center" prop="kbtyx_lljds" label="日来水量"></el-table-column>
                            <el-table-column align="center" prop="kbtyx_ql" label="日处理量"></el-table-column>
                        </el-table-column> -->


                        <el-table-column align="center" prop="totaPullingoil" label="罐井拉油"></el-table-column>
                        

                        <el-table-column align="center" label="外输液量">
                            <el-table-column align="center" prop="totalOutputNum" label="总外输吨"></el-table-column>
                            <el-table-column align="center" prop="" v-for="(itemBt,index) in scBt2" :key="itemBt.zkInfo.zkid" :label="itemBt.zkInfo.zkmc">
                                <template slot-scope="scope">
                                    {{ scope.row.scyxInfo.find(item => item.stationId===itemBt.zkInfo.zkid)?scope.row.scyxInfo.find(item => item.stationId===itemBt.zkInfo.zkid).exportLiqVolDaily:'' }}
                                    
                                </template>

                            </el-table-column>

                        </el-table-column>

                        <el-table-column align="center" label="自产气">
                            <el-table-column align="center" v-for="(itemZcqBt,index) in zcqBt2" :key="itemZcqBt.zkInfos.zkid" :label="itemZcqBt.zkInfos.zkmc">
                                <el-table-column align="center" prop="" label="产气量">
                                    <template slot-scope="scope">               
                                        {{scope.row.selfProInfo?(scope.row.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid)?scope.row.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid).totalCqlZcq:''):''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="外输液量">
                            <el-table-column align="center" label="树322队">
                                <el-table-column align="center" prop="wsyl_s322d" label="产液量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="东12队">
                                <el-table-column align="center" prop="wsyl_d12d" label="产液量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="尚9队">
                                <el-table-column align="center" prop="wsyl_s9d" label="产液量"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                <div class="mytitle">第三作业区</div>
                <el-table :data="scData3" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" v-for="(itemBt, index) in scBt3" :key="itemBt.zkInfo.zkid"
                            :label="itemBt.zkInfo.zkmc">
                            <el-table-column align="center" v-for="(itemBtkid, index) in itemBt.rqInfo" :key="index"
                                :label="itemBtkid.tankName + itemBtkid.tankType">
                                <el-table-column align="center" prop="" label="高度">
                                    <template slot-scope="scope">
                                        {{ scope.row.rqInfo.find(item =>
                                            item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType) ?
                                            scope.row.rqInfo.find(item
                                                => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType).height
                                            : '' }}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="油量">
                                    <template slot-scope="scope">
                                        {{ scope.row.rqInfo.find(item =>
                                            item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType) ?
                                            scope.row.rqInfo.find(item
                                                => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType).ywY :
                                            '' }}
                                    </template>
                                </el-table-column>
                            </el-table-column>

                            <el-table-column align="center" label="天然气">
                                <el-table-column align="center" prop="" label="流量计底数">
                                    <template slot-scope="scope">
                                        {{ scope.row.zkInfo.find(item =>
                                            item.zkid === itemBt.zkInfo.zkid) ? scope.row.zkInfo.find(item =>
                                                item.zkid === itemBt.zkInfo.zkid).gasFlowNumber : '' }}

                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="日用气量">
                                    <template slot-scope="scope">
                                        {{ scope.row.zkInfo.find(item =>
                                            item.zkid === itemBt.zkInfo.zkid) ? scope.row.zkInfo.find(item =>
                                                item.zkid === itemBt.zkInfo.zkid).gasConsumption : '' }}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="外输">
                                <el-table-column align="center" prop="" label="微机产量">
                                    <template slot-scope="scope">
                                        {{ scope.row.zkInfo.find(item =>
                                            item.zkid === itemBt.zkInfo.zkid) ? scope.row.zkInfo.find(item =>
                                                item.zkid === itemBt.zkInfo.zkid).outputMicrocom : '' }}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="本队产量">
                                    <template slot-scope="scope">
                                        {{ scope.row.zkInfo.find(item =>
                                            item.zkid === itemBt.zkInfo.zkid) ? scope.row.zkInfo.find(item =>
                                                item.zkid === itemBt.zkInfo.zkid).outputTeam : '' }}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="外输液量">
                            <el-table-column align="center" prop="totalOutputNum" label="总外输吨"></el-table-column>
                            <el-table-column align="center" prop="" v-for="(itemBt, index) in scBt3" :key="itemBt.zkInfo.zkid" :label="itemBt.zkInfo.zkmc">
                                <template slot-scope="scope">
                                    {{ scope.row.scyxInfo.find(item => item.stationId===itemBt.zkInfo.zkid)?scope.row.scyxInfo.find(item => item.stationId===itemBt.zkInfo.zkid).exportLiqVolDaily:'' }}
                                    </template>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="自产气">
                            <el-table-column align="center" v-for="(itemZcqBt, index) in zcqBt3"
                                :key="itemZcqBt.zkInfos.zkid" :label="itemZcqBt.zkInfos.zkmc">
                                <el-table-column align="center" prop="" label="产气量">
                                    <template slot-scope="scope">
                                        {{ scope.row.selfProInfo ? (scope.row.selfProInfo.find(item =>
                                            item.zkid === itemZcqBt.zkInfos.zkid) ? scope.row.selfProInfo.find(item =>
                                                item.zkid === itemZcqBt.zkInfos.zkid).totalCqlZcq : '') : '' }}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="末端">
                            <el-table-column align="center" prop="wsmdiWsmd" label="产量"></el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="外输液量">
                            <el-table-column align="center" label="树322队">
                                <el-table-column align="center" prop="wsyl_s322d" label="产液量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="东12队">
                                <el-table-column align="center" prop="wsyl_d12d" label="产液量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="尚9队">
                                <el-table-column align="center" prop="wsyl_s9d" label="产液量"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                <div class="mytitle">第四作业区</div>
                <el-table :data="scData4" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" v-for="(itemBt,index) in scBt4" :key="itemBt.zkInfo.zkid" :label="itemBt.zkInfo.zkmc">
                            <el-table-column align="center" v-for="(itemBtkid,index) in itemBt.rqInfo" :key="index" :label="itemBtkid.tankName+itemBtkid.tankType">
                                <el-table-column align="center" prop="" label="高度">
                                    <template slot-scope="scope">               
                                        {{scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType)?scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType).height:''}}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="油量">
                                    <template slot-scope="scope">               
                                        {{scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType)?scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType).ywY:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                     
                            <el-table-column align="center" label="天然气">
                                <el-table-column align="center" prop="" label="流量计底数">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).gasFlowNumber:''}}

                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="日用气量">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).gasConsumption:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="外输">
                                <el-table-column align="center" prop="" label="微机产量">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).outputMicrocom:''}}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="本队产量">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).outputTeam:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="外输液量">
                            <el-table-column align="center" prop="totalOutputNum" label="总外输吨"></el-table-column>
                            <el-table-column align="center" prop="" v-for="(itemBt,index) in scBt4" :key="itemBt.zkInfo.zkid" :label="itemBt.zkInfo.zkmc">
                                <template slot-scope="scope">
                                    {{ scope.row.scyxInfo.find(item => item.stationId===itemBt.zkInfo.zkid)?scope.row.scyxInfo.find(item => item.stationId===itemBt.zkInfo.zkid).exportLiqVolDaily:'' }}
                                </template>

                            </el-table-column>

                        </el-table-column>

                        <el-table-column align="center" label="自产气">
                            <el-table-column align="center" v-for="(itemZcqBt,index) in zcqBt4" :key="itemZcqBt.zkInfos.zkid" :label="itemZcqBt.zkInfos.zkmc">
                                <!-- <el-table-column align="center" prop="" label="产气量"> -->
                                    <template slot-scope="scope">               
                                        {{scope.row.selfProInfo?(scope.row.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid)?scope.row.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid).totalCqlZcq:''):''}}
                                    </template>
                                <!-- </el-table-column> -->
                            </el-table-column>
                        </el-table-column>

                        <el-table-column align="center" label="外输液量">
                            <el-table-column align="center" label="树322队">
                                <el-table-column align="center" prop="wsyl_s322d" label="产液量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="东12队">
                                <el-table-column align="center" prop="wsyl_d12d" label="产液量"></el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="尚9队">
                                <el-table-column align="center" prop="wsyl_s9d" label="产液量"></el-table-column>
                            </el-table-column>
                        </el-table-column>
                    </el-table>
                <div class="mytitle">肇25</div>
                <el-table :data="scData25" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" v-for="(itemBt,index) in scBt25" :key="itemBt.zkInfo.zkid" :label="itemBt.zkInfo.zkmc">
                            <el-table-column align="center" v-for="(itemBtkid,index) in itemBt.rqInfo" :key="index" :label="itemBtkid.tankName+itemBtkid.tankType">
                                <el-table-column align="center" prop="" label="高度">
                                    <template slot-scope="scope">               
                                        {{scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType)?scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType).height:''}}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="油量">
                                    <template slot-scope="scope">               
                                        {{scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType)?scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType).ywY:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                     
                            <el-table-column align="center" label="天然气">
                                <el-table-column align="center" prop="" label="流量计底数">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).gasFlowNumber:''}}

                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="日用气量">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).gasConsumption:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="外输">
                                <el-table-column align="center" label="末端计量">
                                    <el-table-column align="center" prop="" label="油量">
                                        <template slot-scope="scope">               
                                            {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).entranOilVol:''}}
                                        </template>
                                    </el-table-column>
                                    <el-table-column align="center" prop="" label="产液量">
                                        <template slot-scope="scope">               
                                            {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).entranLiqVol:''}}
                                        </template>
                                    </el-table-column>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>


                        <el-table-column align="center" label="自产气">
                            <el-table-column align="center" v-for="(itemZcqBt,index) in zcqBt25" :key="itemZcqBt.zkInfos.zkid" :label="itemZcqBt.zkInfos.zkmc">
                                <el-table-column align="center" prop="" label="产气量">
                                    <template slot-scope="scope">               
                                        {{scope.row.selfProInfo?(scope.row.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid)?scope.row.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid).totalCqlZcq:''):''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        
                    </el-table>
                <!-- <div class="mytitle">厂区锅炉房</div>
                <el-table border :data="tableData5" style="width: 100%">
                    <el-table-column align="center" label="天然气">
                        <el-table-column align="center" prop="zjzj" label="流量计">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="日用气量">
                        </el-table-column>
                    </el-table-column>
                </el-table> -->
                <div class="mytitle">升22</div>
                <el-table :data="scData22" border style="width: 100%"
                        :header-cell-style="{ background: '#F5F7FA', color: '#909399' }">
                        <el-table-column align="center" v-for="(itemBt,index) in scBt22" :key="itemBt.zkInfo.zkid" :label="itemBt.zkInfo.zkmc">
                            <el-table-column align="center" v-for="(itemBtkid,index) in itemBt.rqInfo" :key="index" :label="itemBtkid.tankName+itemBtkid.tankType">
                                <el-table-column align="center" prop="" label="高度">
                                    <template slot-scope="scope">               
                                        {{scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType)?scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType).height:''}}
                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="油量">
                                    <template slot-scope="scope">               
                                        {{scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType)?scope.row.rqInfo.find(item => item.tankName+item.tankType===itemBtkid.tankName+itemBtkid.tankType).ywY:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                     
                            <el-table-column align="center" label="天然气">
                                <el-table-column align="center" prop="" label="流量计底数">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).gasFlowNumber:''}}

                                    </template>
                                </el-table-column>
                                <el-table-column align="center" prop="" label="日用气量">
                                    <template slot-scope="scope">               
                                        {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).gasConsumption:''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                            <el-table-column align="center" label="外输">
                                <el-table-column align="center" label="末端计量">
                                    <el-table-column align="center" prop="" label="油量">
                                        <template slot-scope="scope">               
                                            {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).entranOilVol:''}}
                                        </template>
                                    </el-table-column>
                                    <el-table-column align="center" prop="" label="产液量">
                                        <template slot-scope="scope">               
                                            {{scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid)?scope.row.zkInfo.find(item => item.zkid===itemBt.zkInfo.zkid).entranLiqVol:''}}
                                        </template>
                                    </el-table-column>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>


                        <el-table-column align="center" label="自产气">
                            <el-table-column align="center" v-for="(itemZcqBt,index) in zcqBt22" :key="itemZcqBt.zkInfos.zkid" :label="itemZcqBt.zkInfos.zkmc">
                                <el-table-column align="center" prop="" label="产气量">
                                    <template slot-scope="scope">               
                                        {{scope.row.selfProInfo?(scope.row.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid)?scope.row.selfProInfo.find(item => item.zkid===itemZcqBt.zkInfos.zkid).totalCqlZcq:''):''}}
                                    </template>
                                </el-table-column>
                            </el-table-column>
                        </el-table-column>

                        
                    </el-table>
            </el-tab-pane>
           
            <el-tab-pane label="榆二联">
                <el-table border :data="zzzzData" style="width: 100%">
                    <el-table-column align="center" v-for="(itemBt) in yrBt" :key="itemBt.zkInfo.zkid"
                        :label="itemBt.zkInfo.zkmc">
                        <el-table-column align="center" prop="" v-for="(itemBtkid, index) in itemBt.rqInfo" :key="index"
                            :label="itemBtkid.tankName + itemBtkid.tankType">
                            <el-table-column align="center" prop="" label="高度">
                                <template slot-scope="scope">
                                    {{ scope.row.rqInfo?(scope.row.rqInfo.find(item => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType) ?scope.row.rqInfo.find(item => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType).height: ''):'' }}
                                </template>
                            </el-table-column>
                            <el-table-column align="center" prop="" label="油量">
                                <template slot-scope="scope">
                                    {{ scope.row.rqInfo?(scope.row.rqInfo.find(item =>item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType) ? scope.row.rqInfo.find(item  => item.tankName + item.tankType === itemBtkid.tankName + itemBtkid.tankType).ywY: ''):'' }}
                                </template>
                            </el-table-column>
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" prop="zjzj" label="输差">
                    </el-table-column>
                    <el-table-column align="center" prop="zjzj" label="微机来油">
                    </el-table-column>
                    <el-table-column align="center" prop="zjzj" label="电脱处理量">
                    </el-table-column>
                    <el-table-column align="center" prop="zjzj" label="污水量">
                    </el-table-column>
                    <el-table-column align="center" label="天然气">
                        <el-table-column align="center" prop="zjzj" label="日用气量">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="加热站用气量">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="徐深一总气量">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="一作业区">
                        <el-table-column align="center" prop="zjzj" label="液量吨">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="油量吨">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="液量方">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="二作业区">
                        <el-table-column align="center" prop="zjzj" label="液量吨">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="油量吨">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="液量方">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="三作业区">
                        <el-table-column align="center" prop="zjzj" label="液量吨">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="油量吨">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="液量方">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="四作业区127">
                        <el-table-column align="center" prop="zjzj" label="液量吨">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="油量吨">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="液量方">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="四作业区103">
                        <el-table-column align="center" prop="zjzj" label="液量吨">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="油量吨">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="液量方">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="宋一联外输数据">
                        <el-table-column align="center" prop="zjzj" label="流量计">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="体积">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="密度">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="系数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="含水">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="扣水">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="外输">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" prop="zjzj" label="二联">
                        <el-table-column align="center" prop="zjzj" label="实际液位">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="一区 三区分产">
                        <el-table-column align="center" prop="zjzj" label="树16起始">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="实际给油">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="输差">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="一区起始">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="试验站末端">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="实际给油">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="首端合计">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="">
                        <el-table-column align="center" prop="zjzj" label="沉降罐">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="1#储油罐高">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="2#储油罐高">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="东16">
                        <el-table-column align="center" prop="zjzj" label="沉降罐">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="树2">
                        <el-table-column align="center" prop="zjzj" label="沉降罐">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="储油罐">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="树8">
                        <el-table-column align="center" prop="zjzj" label="沉降罐">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="储油罐">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="树127">
                        <el-table-column align="center" prop="zjzj" label="储油罐">
                        </el-table-column>
                    </el-table-column>
                </el-table>               
            </el-tab-pane>
            <el-tab-pane label="二氧化碳">
                <el-table border :data="tableData9" style="width: 100%">
                    <el-table-column align="center" label="101">
                        <el-table-column align="center" prop="zjzj" label="注气井数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="开井数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="注气量">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="日产量">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="库存量">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="外购量">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="注水量">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="树16">
                        <el-table-column align="center" prop="zjzj" label="注气井数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="开井数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="注气量">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="东14">
                        <el-table-column align="center" prop="zjzj" label="注气井数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="开井数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="注气量">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="东12">
                        <el-table-column align="center" prop="zjzj" label="注气井数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="开井数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="注气量">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="肇25">
                        <el-table-column align="center" prop="zjzj" label="注气井数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="开井数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="注气量">
                        </el-table-column>
                    </el-table-column>
                    <el-table-column align="center" label="合计">
                        <el-table-column align="center" prop="zjzj" label="注气井数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="开井数">
                        </el-table-column>
                        <el-table-column align="center" prop="zjzj" label="注气量">
                        </el-table-column>
                    </el-table-column>
                </el-table>
            </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </template>
  
  <script>
  import moment from "moment";
  import qbApi from "@/api/bbsc/qubao";
  import cbApi from "@/api/bbsc/mrchenbao";

  export default {
    data() {
      return {
        currentDay:moment().format("YYYY-MM-DD"),

        searchForm: {
            searchDate:'',
        },
        //时间快捷选择
        pickerOptions: {
          disabledDate(time) {
            return time.getTime() > Date.now();
          },
          shortcuts: [{
            text: '今天',
            onClick(picker) {
              picker.$emit('pick', new Date());
            }
          }, {
            text: '昨天',
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24);
              picker.$emit('pick', date);
            }
          }, {
            text: '一周前',
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit('pick', date);
            }
          }]
        },
        //  表头数据

        //第一作业区
        scBt:[],
        zcqBt:[],
        zkData:{},
        zcqData:{},

        //第二作业区
        scBt2:[],
        zcqBt2:[],
        zkData2:{},
        zcqData2:{},
        zwsData:{},
        wsyData:{},
        gjData:{},

        //第三作业区
        scBt3: [],
        zcqBt3: [],
        zkData3: {},
        zcqData3: {},
        zwsData3: {},
        wsyData3: {},
        mdData: {},
        //第四作业区
        scBt4:[],
        zcqBt4:[],
        zkData4:{},
        zcqData4:{},
        zwsData4:{},
        wsyData4:{},
        gjData4:{},
        //肇25
        scBt25:[],
        zcqBt25:[],
        zkData25:{},
        zcqData25:{},
        //升22
        scBt22:[],
        zcqBt22:[],
        zkData22:{},
        zcqData22:{},
        //榆二联
        zzzBt:[],
        yrBt:[],
        zzzData:[],
        zzzczData:[],
        yrData:[],
        // // table数据总条数
        // tableTotal: 30,
        // // 分页数
        // currentSize: 10,
        // //当前页
        // currentPage: 4
      };
    },
    computed:{
        //第一作业区
        scData:function (){
            console.log(this.zkData)
            console.log(this.zcqData)
            var obj = Object.assign({},this.zkData,this.zcqData)
            console.log(obj)
            var arr =[]
            arr.push(obj)
            return arr
        },
        //第二作业区
        scData2:function (){
            // console.log(this.zkData)
            // console.log(this.zcqData)
            // console.log("总外输",this.zwsData)
            // console.log("waishu",this.wsyData)
            // console.log("罐井拉油",this.gjData)
            var obj = Object.assign({},this.zkData2,this.zcqData2,this.zwsData,this.wsyData,this.gjData)
            // console.log('1112',obj)
            
            var arr =[]
            arr.push(obj)
            return arr
            console.log("arr",arr)
        },
        //第三作业区
        scData3: function () {
            // console.log(this.zkData)
            // console.log(this.zcqData)
            // console.log("总外输",this.zwsData)
            // console.log(this.wsyData)
            // console.log("末端",this.mdData)
            var obj = Object.assign({}, this.zkData3, this.zcqData3, this.zwsData3, this.wsyData3, this.mdData)
            console.log('1112',obj)

            var arr = []
            arr.push(obj)
            return arr
        },
        //第四作业区
        scData4:function (){
            // console.log(this.zkData)
            // console.log(this.zcqData)
            // console.log("总外输",this.zwsData)
            // console.log("waishu",this.wsyData)
            // console.log("罐井拉油",this.gjData)
            var obj = Object.assign({},this.zkData4,this.zcqData4,this.zwsData4,this.wsyData4,this.gjData4)
            // console.log('1112',obj)
            
            var arr =[]
            arr.push(obj)
            return arr
            console.log("arr",arr)
        },
        //肇25
        scData25:function (){
            var obj = Object.assign({},this.zkData25,this.zcqData25)
            console.log(obj)
            var arr =[]
            arr.push(obj)
            return arr
        },
        //升22
        scData22:function (){
            var obj = Object.assign({},this.zkData22,this.zcqData22)
            console.log(obj)
            var arr =[]
            arr.push(obj)
            return arr
        },
        //榆二联
        zzzzData: function () {
            var obj = Object.assign({}, this.zzzData,this.zzzczData,this.yrData)
            // console.log('中转站数据', obj)
            var arr = []
            arr.push(obj)
            return arr
        },
    },
    created(){
        //第一作业区
        this.searchWsBt('5vHnZTc4h3')
        this.searchWsData(this.currentDay,'5vHnZTc4h3')
        this.searchZcqBt('5vHnZTc4h3')
        this.searchZcqData(this.currentDay,'5vHnZTc4h3')
        //第二作业区
        this.searchWsBt('a0Tz84PyNC')
        this.searchWsData(this.currentDay,'a0Tz84PyNC')
        this.searchZcqBt('a0Tz84PyNC')
        this.searchZcqData(this.currentDay,'a0Tz84PyNC')
        this.searchZWsData(this.currentDay,'a0Tz84PyNC')
        this.searchWsyData(this.currentDay,'a0Tz84PyNC')
        this.searchGjData(this.currentDay,'a0Tz84PyNC')
        //第三作业区
        this.searchWsBt('hD2KHRieKp')
        this.searchWsData(this.currentDay, 'hD2KHRieKp')
        this.searchZcqBt('hD2KHRieKp')
        this.searchZcqData(this.currentDay, 'hD2KHRieKp')
        this.searchZWsData(this.currentDay, 'hD2KHRieKp')
        this.searchWsyData(this.currentDay, 'hD2KHRieKp')
        this.searchMdData(this.currentDay, 'hD2KHRieKp')
        //第四作业区
        this.searchWsBt('MQvamMTDle')
        this.searchWsData(this.currentDay,'MQvamMTDle')
        this.searchZcqBt('MQvamMTDle')
        this.searchZcqData(this.currentDay,'MQvamMTDle')
        this.searchZWsData(this.currentDay,'MQvamMTDle')
        this.searchWsyData(this.currentDay,'MQvamMTDle')
        this.searchGjData(this.currentDay,'MQvamMTDle')
        //肇25
        this.searchWsBt('SIAHbdvauUD')
        this.searchWsData(this.currentDay,'SIAHbdvauUD')
        this.searchZcqBt('SIAHbdvauUD')
        this.searchZcqData(this.currentDay,'SIAHbdvauUD')
        //升22
        this.searchWsBt('ujaldgjadca')
        this.searchWsData(this.currentDay,'ujaldgjadca')
        this.searchZcqBt('ujaldgjadca')
        this.searchZcqData(this.currentDay,'ujaldgjadca')
        //榆二联
        this.getDailyStationTable()
        this.getDailyStationData(this.currentDay)
    },
    methods: {
        //查询事件
        query(){
        // console.log(this.searchForm.searchDate+this.searchForm.jgid)
        if(this.searchForm.searchDate === '' || this.searchForm.searchDate === null ){
            this.searchForm.searchDate = this.currentDay
        }
        //第一作业区
        this.searchWsData(this.searchForm.searchDate,'5vHnZTc4h3')
        this.searchZcqData(this.searchForm.searchDate,'5vHnZTc4h3')
        //第二作业区
        this.searchWsData(this.searchForm.searchDate,'a0Tz84PyNC')
        this.searchZcqData(this.searchForm.searchDate,'a0Tz84PyNC')
        this.searchZWsData(this.searchForm.searchDate,'a0Tz84PyNC')
        this.searchWsyData(this.searchForm.searchDate,'a0Tz84PyNC')
        this.searchGjData(this.searchForm.searchDate,'a0Tz84PyNC')
        //第三作业区
        this.searchWsData(this.searchForm.searchDate, 'hD2KHRieKp')
        this.searchZcqData(this.searchForm.searchDate, 'hD2KHRieKp')
        this.searchZWsData(this.searchForm.searchDate, 'hD2KHRieKp')
        this.searchWsyData(this.searchForm.searchDate, 'hD2KHRieKp')
        this.searchMdData(this.searchForm.searchDate, 'hD2KHRieKp')
        //第四作业区
        this.searchWsData(this.searchForm.searchDate,'MQvamMTDle')
        this.searchZcqData(this.searchForm.searchDate,'MQvamMTDle')
        this.searchZWsData(this.searchForm.searchDate,'MQvamMTDle')
        this.searchWsyData(this.searchForm.searchDate,'MQvamMTDle')
        this.searchGjData(this.searchForm.searchDate,'MQvamMTDle')
        //肇25
        this.searchWsData(this.searchForm.searchDate,'SIAHbdvauUD')
        this.searchZcqData(this.searchForm.searchDate,'SIAHbdvauUD')
        //升22
        this.searchWsData(this.searchForm.searchDate,'ujaldgjadca')
        this.searchZcqData(this.searchForm.searchDate,'ujaldgjadca')
        //榆二联
        this.getDailyStationData(this.searchForm.searchDate)
        },
        //外输
        async searchWsBt(jgid){
        //发送查询请求
        let res = await qbApi.getExportTableList({orgId:jgid});
            //判断是否成功
            if (res.success) {
                console.log(res.data);
                // //赋值
                if(jgid == '5vHnZTc4h3'){
                    this.scBt = res.data;
                }else if(jgid == 'a0Tz84PyNC'){
                    this.scBt2 = res.data;
                }else if(jgid == 'hD2KHRieKp'){
                    this.scBt3 = res.data;
                }else if(jgid == 'MQvamMTDle'){
                    this.scBt4 = res.data;
                }else if(jgid == 'SIAHbdvauUD'){
                    this.scBt25 = res.data;
                }else if(jgid == 'ujaldgjadca'){
                    this.scBt22 = res.data;
                }           
            }
            console.log(res.data)
        },
        async searchWsData(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getExportTableDataList({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
                console.log(res.data);
                // //赋值
                if(jgid == '5vHnZTc4h3'){
                    this.zkData = res.data;
                }else if(jgid == 'a0Tz84PyNC'){
                    this.zkData2 = res.data;
                }else if(jgid == 'hD2KHRieKp'){
                    this.zkData3 = res.data;
                }else if(jgid == 'MQvamMTDle'){
                    this.zkData4 = res.data;
                }else if(jgid == 'SIAHbdvauUD'){
                    this.zkData25 = res.data;
                }else if(jgid == 'ujaldgjadca'){
                    this.zkData22 = res.data;
                }
            
            }
        },
        //自产气
        async searchZcqBt(jgid){
        //发送查询请求
        let res = await qbApi.getSelfProGasTableList({orgId:jgid});
            //判断是否成功
            if (res.success) {
                console.log(res.data);
                // //赋值
                if(jgid == '5vHnZTc4h3'){
                    this.zcqBt = res.data;
                }else if(jgid == 'a0Tz84PyNC'){
                    this.zcqBt2 = res.data;
                }else if(jgid == 'hD2KHRieKp'){
                    this.zcqBt3 = res.data;
                }else if(jgid == 'MQvamMTDle'){
                    this.zcqBt4 = res.data;
                }else if(jgid == 'SIAHbdvauUD'){
                    this.zcqBt25 = res.data;
                }else if(jgid == 'ujaldgjadca'){
                    this.zcqBt22 = res.data;
                } 
            
            }
        },
        async searchZcqData(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getSelfProGasTableDataList({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
                console.log(res.data);
                // //赋值
                if(jgid == '5vHnZTc4h3'){
                    this.zcqData = res.data;
                }else if(jgid == 'a0Tz84PyNC'){
                    this.zcqData2 = res.data;
                }else if(jgid == 'hD2KHRieKp'){
                    this.zcqData3 = res.data;
                }else if(jgid == 'MQvamMTDle'){
                    this.zcqData4 = res.data;
                }else if(jgid == 'SIAHbdvauUD'){
                    this.zcqData25 = res.data;
                }else if(jgid == 'ujaldgjadca'){
                    this.zcqData22 = res.data;
                }
            
            }
        },
        //总外输吨
        async searchZWsData(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getTotaloutput({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
                console.log("总外输吨",res.data);  
                // //赋值
                if(jgid == 'a0Tz84PyNC'){
                    this.zwsData = res.data;
                }else if(jgid == 'hD2KHRieKp'){
                    this.zwsData3 = res.data;
                }else if(jgid == 'MQvamMTDle'){
                    this.zwsData4 = res.data;
                }
            }
        },
        //外输液量
        async searchWsyData(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getoutputWaterTableList({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
                console.log("外输液量",res.data);  
            // //赋值
            if(jgid == 'a0Tz84PyNC'){
                this.wsyData = res.data;
            }else if(jgid == 'hD2KHRieKp'){
                this.wsyData3 = res.data;
            }else if(jgid == 'MQvamMTDle'){
                this.wsyData4 = res.data;
            }
            }
        },
        //罐井拉油
        async searchGjData(currentDate,jgid){
        //发送查询请求
        let res = await qbApi.getPullingoil({currentDate:currentDate,orgId:jgid});
            //判断是否成功
            if (res.success) {
                console.log("罐井拉油",res.data);  
            // //赋值
            if(jgid == 'a0Tz84PyNC'){
                this.gjData = res.data;
            }
            else if(jgid == 'MQvamMTDle'){
                this.gjData4 = res.data;
            } 
            }
        },
        //末端
        async searchMdData(currentDate, jgid) {
            //发送查询请求
            let res = await qbApi.getEndProduction({ currentDate: currentDate, orgId: jgid });
            //判断是否成功
            if (res.success) {
                console.log("末端",res.data);  
                // //赋值
                this.mdData = res.data;
            }
        },

         //第四页 获取中转站获取榆二联合站表头
         async getDailyStationTable() {
            //发送查询请求
            let res = await cbApi.getDailyStationTable();
            //判断是否成功
            if (res.success) {
                // console.log("获取中转站获取榆二联合站表头",res.data); 
                // //赋值
                this.yrBt = res.data;
            }
        },
        //第四页 获取中转站获取榆二联合站数据
        async getDailyStationData(currentDate) {
            //发送查询请求
            let res = await cbApi.getDailyStationData({ currentDate: currentDate });
            //判断是否成功
            if (res.success) {
                // console.log("获取中转站获取榆二联合站数据", res.data);
                // //赋值
                this.yrData = res.data;
            }
        },
      
    },
  };
  </script>
  
  
  <style lang="scss" scoped>
  // 标题
  .mytitle {
    font-size: larger;
    padding-top: 2px;
    padding-left: 1%;
    margin-bottom: 14px;
    float: left;
  }
  
  //按钮组
  .myTime {
    float: right;
  }
  
  //格子的样式
  .bg-white {
    background: #ffffff;
  }
  
  .grid-content {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
  }
  
  .calendar ::v-deep .el-button-group::before {
    display: none;
  }
  
  .calendar ::v-deep .el-button-group::after {
    display: none;
  }
  
  // 分割线样式
  .el-divider--horizontal {
    display: block;
    height: 2px;
    width: 100%;
    margin: 24px 0;
  }
  
  // 表单各项的样式
  .el-form-item {
    margin: 15px 10px 15px 10px;
  }
  </style>